@charset "utf-8";
/* CSS Document */
/* Định dạng chung */
p,div,table,marquee,span,ul,li,a,b,form,input,label,select,tr,td,textarea,label
{
	margin:0px;
	padding:0px;
	list-style:none;
}
a,a:link { text-decoration:none; color:blue;}
a:hover{ position:relative; bottom:3px; color:#f00;}
a:active{ position:relative; top:2px;}
input
{
	height:23px;
	border:1px solid #9cf;
	box-shadow:inset 0px 0px 2px #CCF;
	width:180px;
}
select
{ 
	width:180px;
	height:23px;
	border:1px solid #9cf;
	box-shadow:inset 0px 0px 2px #CCF;
}
b{
	color:#f00;
	font-weight:13px;
	margin-left:5px;
}
input[readonly]{opacity:0.7;}
#result{ font-size:18px; font-weight:bold; margin:10px 10px; color:#f00;}
.err{ font-size:16px; font-weight:bold; margin:10px 10px; color:#f00;}

#loading {display:none;}
#tabstrip ul li { color:#00F; font-size:16px; font-weight:bold;}
body
{
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	background:url(../img/pic/bg.gif) repeat top left;
}
.page
{
	width:900px;
	margin:0.5% auto;
	background-image:url(../img/pic/background.png);
	box-shadow:2px 2px 2px #ccf;
}
.page_header
{
	height:150px;
	background:url(../img/pic/banner.png) no-repeat;
}
.page_header p
{
	font-size:38px;
	font:Arial;
	font-weight:bold;
	color:#fff;
	text-shadow: 0px 0px 2px #0F0, 0 0 2px #FF0, 0 0 2px #F00, 2px 2px 5px #000;
}
.note
{
	font-size:16px;
	margin:15px 0px 0px 610px;
}
.note b 
{
	color:#00f;
	text-shadow: 0px 0px 2px #fff, 0 0 2px #FF0;
	font-weight:bold;
}
/* Menu */
.menu
{
	font-size:15px;
	text-transform:uppercase;
	font-weight:800;
	margin:0px 0px;
}
.menu li
{
	float:left;
	padding:10px 17.2px 10px 17px;
	background: -moz-linear-gradient(
		top,
		#cae9f7 0%,
		#a2c0d7);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#cae9f7),
		to(#a2c0d7));
}
.menu li a
{
	color:#00f;
	padding:10px 10px;
	text-shadow:0px 0px 2px #FF0, 0px 0px 1px #0F0, 1px 0px 2px #fff;
}
#menu li { width:221px;}
#menu li a {text-align:center;}
#menu li ul{ }
#menu li ul li { width:100%; }
#menu li ul li a{text-transform:uppercase; text-align:left;}
/* end menu */

.page_left
{
	float:left;
	width:600px;
	padding:0px 0px;
}
.page_center
{
	float:left;
	width:900px;
	margin:10px 0px;
	border:1px solid #9CF;
}
.page_right
{
	float:right;
	width:295px;
	padding:0px 0px;
	margin:0px 0px 0px 5px;
}
.page_footer
{
	height:50px;
	width:880px;
	background:#CCF;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:5px 10px;
	clear:both;
}

.cover_right
{
	width:295px;
	float:left;
	margin:10px 0px 0px 0px;
}
.topic
{
	font-size:16px;
	padding:10px 0px 7px 0px;
	background:#9cf;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	text-shadow: 1px 0px 2px #fff;
}
.content
{
	border:1px solid #9FF;	
}


.cover
{
	width:600px;
	margin-bottom:0px 0px 0px 10px;
}
.cover_topic
{
	font-size:16px;
	padding:10px 0px 7px 10px;
	background:#9cf;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	text-shadow: 1px 0px 2px #fff, 0px 1px 2px #ededed;
}
.cover_content
{
	padding:5px 5px;
	width:588px;
	border:1px solid #9FF;
}

.tinmoi {padding:5px 0px 0px 5px;}
.tinmoi_img { float:left; width:100px; height:110px; position:relative; margin-top:2px;}
.tinmoi_content { float:left; width:470px; height:100px; overflow:hidden; padding-left:10px; font-size:15px;}
.clear { clear:both;}
.tinlienquan { float:left; margin: 0px 0px 3px 5px;}
.tinlienquan li { margin:5px 0px;  font-size:15px;}
/* Slide Image */
.container {
    border-top: 5px solid #000000;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.content {
    margin:0 auto;
}
#slider {
	height:200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:2;
	display:block;
}
/* Every slide must be hidden by default */
.slide { display:none; }
.slide img {width:310px; height:200px;}

.cs-activeSlide { display:block; }

/* Form Style */
.frm
{
	margin:20px 10px;
	border:2px solid #9CF;
	width:555px;
}
.frm h1
{
	font-size:18px;
	font-weight:bold;
	color:#00F;
	text-shadow:2px 2px 10px #FFF, 1px 1px 2px #FF0, 1px 1px 1px #0F0;
	text-transform:uppercase;
	margin:0px 0px 30px 0px;
    padding:6px 0px;
	text-align:center;

	background: -moz-linear-gradient(
		top,
		#85d4ff 0%,
		#ffffff 50%,
		#ffffff 50%,
		#ffffff 65%,
		#ffffff);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#85d4ff),
		color-stop(0.50, #ffffff),
		color-stop(0.50, #ffffff),
		color-stop(0.65, #ffffff),
		to(#ffffff));
}
.frm p
{
	margin:10px 0px 10px 30px;
	font-weight:bold;
}
.frm p span
{
	font-size:14px;
	font-weight:bold;
}
.info
{
	font-size:16px;
	color:#00f;
	border-bottom:1px solid #00f;
	margin:30px 20px 20px 20px;
}
/* End Form Style */

/* Button */
.button
{
	border:1px solid #9FF;
	width:130px;
	height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #050505;
	margin:5px 5px 10px 15px;
	padding: 5px 5px;
	
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #949494;
	-moz-box-shadow:
		1px 1px 9px rgba(000,000,000,0.3),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		1px 1px 9px rgba(000,000,000,0.3),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		1px 1px 9px rgba(000,000,000,0.3),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

	.button:hover
	{
		box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    	-moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
	    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
		position: relative;
		color:#F00;
	    bottom: 1px;
		
		background: -moz-linear-gradient(
		top,
		#42aaff 0%,
		#ffffff 25%,
		#ffffff 50%,
		#ffffff 75%,
		#003366);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#42aaff),
		color-stop(0.25, #ffffff),
		color-stop(0.50, #ffffff),
		color-stop(0.75, #ffffff),
		to(#003366));
	}
	.button:active
	{
            /* When pressed, move it down 1px */
		position: relative;
	    top: 1px;
	}

.tbl
{
	border:3px solid #9cf;
	margin:0px auto 10px auto;
	width:800px;
	border-collapse:collapse;
}
.tbl > thead
{
	font-weight:bold;
	text-align:center;
	border-bottom:2px solid #9cf;
	color:#000;
	text-shadow:2px 2px 10px #215A4;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	
	background-color:#79bbff;
}
.tbl > thead > tr > td
{
	height:40px;
	color:#fff;
	font-size:16px;
}
.tbl > tbody
{
	font-size:15px;
	color:#000;
	border-bottom-style:dashed;
	background:#F9F9F9;
}
.tbl > tbody > tr
{
	padding:5px 5px;
}
.tbl > tbody > tr : hover
{
    background: #050505;
}
.tbl > tbody > tr:nth-child(2n)
{
	background:#EAFFF1;
}
.tbl > tbody > tr > td
{
	padding:7px 3px;
	color:#000;
	text-align:center;
}
.tbl > tbody > tr > td > p
{
	padding:4px 0px;
}

/* New */
.new { padding: 10px 0px; border:1px solid #9FF; background:#B6E2CF; color:#00F; width:200px; margin:0px 0px; font-weight:bold; font-size:18px; font:"Times New Roman"; text-align:center; text-shadow:2px 0px 2px #FFF,0px 0px 2px #FF0;}
.new_img { float:left; width:130px; height:100px; padding:10px 0px 0px 10px; position:relative; top:2px;}
.new_topic { float:left; margin:5px 0px 5px 10px; color:#00f; font-weight:bold; color:#00f; font-size:16px;}
.new_content_sum {float:left; width:430px; padding:5px 0px 0px 10px;}
.new_content { padding:5px 5px; margin-bottom:20px; overflow:hidden; width:580px;}
.new_rela { width:580px; margin: 30px 10px 100px 10px;}
.new_rela li {padding:5px 10px;}
.new_rela_topic { padding: 7px 0px; color:#00F; width:200px; margin:0px 0px; font-weight:bold; font-size:18px; font:"Times New Roman"; text-align:left; text-shadow:2px 0px 2px #FFF,0px 0px 2px #FF0; text-decoration:underline;}

/* Slide ảnh */
#slide_image img{ width:290px; height:200px;}

.message
{
	margin:20px 10px 10px 20px;
	font-size:20px;
	font-weight:bold;
	color:#00f;
}

.nav
{
	text-align:center;
	margin:10px 10px 0px 300px;
	font-size:14px;
}

    .nav tr td {
        
        -moz-box-shadow:inset 0px -2px 7px 0px #29bbff;
        -webkit-box-shadow:inset 0px -2px 7px 0px #29bbff;
        box-shadow:inset 0px -2px 7px 0px #29bbff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
        background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
        background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
        background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
        background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
        background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
        
        background-color:#2dabf9;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:15px;
        font-weight:normal;
        padding:10px 25px;
        text-decoration:none;
        margin:0px 10px;
        text-shadow:0px 1px 0px #263666;
        
    }
    .nav tr td:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
        background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
        background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
        background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
        background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
        background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
        
        background-color:#0688fa;
    }
    .nav tr td:active {
        position:relative;
        top:1px;
    }
	.nav tr td a {color:fff;}


.option {
	
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	
	background-color:#ededed;
	
	border:1px solid #dcdcdc;
	
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:9px 22px;
	text-decoration:none;
	
	text-shadow:0px 1px 0px #ffffff;
	
}
    .option:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
        background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
        
        background-color:#dfdfdf;
    }
    .option:active {
        position:relative;
        top:1px;
    }

.part
{
	width:600px;
	margin:10px 0px;
}
.part_topic
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	
	background-color:#ededed;
	
	text-align:center;
	font-size:18px;
	padding:10px 0px;
}
.part_content
{
	
}
.part_content p
{
	padding:5px 5px;
	font-size:14px;
}

.show_image
{
    width:200px;
    height:200px;
    float:left;
    margin:30px 0px 10px 10px;
}
.img, .img img
{
    width:200px;
    height:170px;
}
.img_option
{
    text-align:center;
    margin:10px 5px;
}

.scroll
{
	width:860px;
	height:500px;
	overflow-style:marquee-line;
	overflow-y:scroll;
	border:1px solid #CCF;
}
